<div class="navbar navbar-primary navbar-transparent navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button class="navbar-toggle">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="/#/dashboard">MD Pro Angular</a>
    </div>
    <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav navbar-right">
        <li>
          <a routerLink="/admin/dashboard">
            <i class="material-icons"></i>
            <span>Dashboard</span>
            <div class="ripple-container"></div>
          </a>
        </li>
        <li class="">
          <a routerLink="/register">
            <i class="material-icons"></i>
            <span>Register</span>
          </a>
        </li>
        <li class="active">
          <a routerLink="/login">
            <i class="material-icons"></i>
            <span>Login</span>
          </a>
        </li>
        <li class="">
          <a routerLink="/lock">
            <i class="material-icons"></i>
            <span>Lock</span>
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>
